/*轮播图的数据*/
$.ajax({
	url:"http://localhost:8080/json",
	type:"get",
	dataType:"json",
	success:function(res){
		var htmlStr=baidu.template("templeSwiper",{data:res});
		$(".swiper-wrapper").html(htmlStr);
	}
});
/*menu的数据*/
$.ajax({
	url:"http://localhost:8080/jsonTwn",
	type:"get",
	dataType:"json",
	success:function(res){
		var htmlStr=baidu.template("templeSwiperLeft",{data:res});
		$(".leftAside").html(htmlStr);
	}
});
/*freeWalk的数据*/
$.ajax({
	url:"http://localhost:8080/freeWalk",
	type:"get",
	dataType:"json",
	success:function(res){
		var count=0,num=0,arr=[0,1,2,3,4,5,6];
		//当点击换一组的时候
		$(".change").on("click",()=>{
			count++;
			if(count<6){
				// 限时特卖
				var htmlStr=baidu.template("secondKill",{data:res[count].data});
				$(".secondKill").html(htmlStr);
			}
			else if(count==6){
				count=0;
			}
		});
		
		// 限时特卖
		var htmlStr=baidu.template("secondKill",{data:res[0].data});
		$(".secondKill").html(htmlStr);
		
		//hover不起作用  用mouse的相关属性
		$(".freedom_nav").mousemove(function(){
			$(".freedom_nav>li").mousemove(function(){
				$(".freedom_nav>li").removeClass()
				$(this).addClass("changeColor")
			})
		})

		//移出时恢复原样
		$(".freedom_nav").mouseout(function(){
			$(".freedom_nav>li").removeClass()
		})
		// 标题
		var htmlStr2=baidu.template("freedom_nav",{data:res});
		$(".freedom_nav").html(htmlStr2);
		//图标
		var htmlStr3=baidu.template("freedom_icon",{data:res[0].data});
		$(".freedom_body").html(htmlStr3);
		//当点击上面标题  实现图标的切换  $(this),index()  -1
		$(".freedom_nav>li").mousemove(()=>{
			num++;
			if(num<=arr[num]){
				var htmlStr3=baidu.template("freedom_icon",{data:res[num].data});
				$(".freedom_body").html(htmlStr3);
			}else if(num>=7){
				num=0;
			}
		});
	}
});
/*主题推荐*/
$.ajax({
	url:"http://localhost:8080/cityWalk",
	type:"get",
	dataType:"json",
	success:function(res){
		// 标题
		var htmlStr2=baidu.template("cityWalkList_icon",{data:res});
		$(".cityWalkList_icon").html(htmlStr2);
		//图标   数据就只有一个  所以没做
		var htmlStr=baidu.template("cityWalkList",{data:res});
		$(".cityWalkList").html(htmlStr);
	}
});
// swipe的配置
;window.onload=function(){
	 var mySwiper = new Swiper('.swiper-container', {
        autoplay: 1000, //可选选项，自动滑动
        // 点击后继续轮播
        autoplayDisableOnInteraction : false,
        // 如果需要前进后退按钮
	    nextButton: '.swiper-button-next',
	    prevButton: '.swiper-button-prev',
        // 分页器
        pagination : '.swiper-pagination',
        paginationClickable :true,

    })
};
/*当输入框获取到光标的时候*/
$("#textInput").focus(function(){
	$(".nav_city").css({"display":"block"});
});
/*当鼠标失去光标的时候*/
$("#textInput").blur(function(){
	$(".nav_city").css({"display":"none"});
});












